<!doctype html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="../common/docs.css">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="initial-scale = 1.0" />
		<link href="/assets/favicon.ico" rel="shortcut icon" />
		<title>Webix Samples : toolbar</title>
	</head>
<body>
	<div class='abstop_header'>
		<div class='content_area'>
		&nbsp;
		</div>
	</div>
	<div class="page_header">
		<div class='page_inner_header'>
			<a href='http://webix.com'><div class='top_webix_logo'></div></a>
			Samples
		</div>
	</div>

	<div class="page_space">
	<div class="webixdoc_page webixdoc_start">
		<div id="webixContent" class='webixdoc_content'>
			<div class="webixdoc_content_inner">
				<div class="webixdoc_breadcrumb nav_breadcrumb">
					<a href="http://docs.webix.com/" class="webixdoc_back">Documentation</a>
					<a href="../index.html" class="webixdoc_back">Samples</a>
					<a href='../index.html' class='webixdoc_back'>02 Toolbar</a>
				</div>
				<table class='nav_table'>
								<tr>
				<td style='width:30px;'>
					<a href='02_tabbar.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='02_tabbar.html'>Tabbar</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='03_tabview.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='03_tabview.html'>Tabview</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='04_toolbar_align.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='04_toolbar_align.html'>Buttons: Alignment</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='05_toolbar_lines.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='05_toolbar_lines.html'>Toolbar: Multiple Rows</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='06_toolbar_button.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='06_toolbar_button.html'>Buttons: Different Sizes</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='07_toolbar_image_button.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='07_toolbar_image_button.html'>Buttons: Type 'image'</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='08_toolbar_topimage_button.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='08_toolbar_topimage_button.html'>Buttons: Type 'imageTop'</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='09_toolbar_image_button_box.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='09_toolbar_image_button_box.html'>Buttons: Type 'imageButton'</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='10_toolbar_topimage_button_box.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='10_toolbar_topimage_button_box.html'>Buttons: Type 'imageButtonTop'</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='11_toolbar_icons.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='11_toolbar_icons.html'>Buttons: Type 'icon'</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='12_styled_buttons.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='12_styled_buttons.html'>Buttons: Styling</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='13_search_field.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='13_search_field.html'>Search Field</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='14_batches.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='14_batches.html'>Hiding and Showing Groups of Controls</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='14_toolbar_toggle.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='14_toolbar_toggle.html'>Toggle Buttons: Type 'image'</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='15_common_config.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='15_common_config.html'>Toolbar: Common Configuration</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='15_toolbar_topimage_toggle.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='15_toolbar_topimage_toggle.html'>Toggle Buttons: Type 'imageTop'</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='16_toolbar_image_button_toggle.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='16_toolbar_image_button_toggle.html'>Toggle Buttons: Type 'imageButton'</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='17_toolbar_topimage_button_toggle.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='17_toolbar_topimage_button_toggle.html'>Toggle Buttons: Type 'imageButtonTop'</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='18_toolbar_toggle_icons.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='18_toolbar_toggle_icons.html'>Toggle Buttons: Type 'icon'</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='19_tabs_on_the_go.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='19_tabs_on_the_go.html'>Dynamic Adding/Deleting of Tabs in Tabbar</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='20_richselect.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='20_richselect.html'>Select Boxes</a> </td>
			</tr>
			<tr>
				<td style='width:30px;'>
					<a href='21_toolbar_badges.html'><div class='nav_folder_img'>&nbsp;</div></a>
				</td><td> <a href='21_toolbar_badges.html'>Buttons: Type 'icon' with Badges</a> </td>
			</tr>

				</table>
			</div>
		</div>


	</div>
	</div>



</body>
</html>